header{
    width: 100%;
    background-color: #fece02;
    padding: .17rem 0;
}
header .container{
    width: 7.17rem;
    height: .68rem;
    margin: 0 auto;
}
header .container .logo,.container .logo img{
    width: .64rem;
    height: .64rem;
}
header .container .logo{

    margin: .05rem .48rem 0rem .2rem;
    float: left;
}
header .container .search{
    width: 3.7rem;
    height: .35rem;
    float: left;
    padding: .18rem .4rem .15rem .22rem;
    background-color: rgba(255, 255, 255, .5);
    border-radius: .5rem;
}
header .container .search img{
    width: .38rem;
    height: .37rem;
    float: left;
}
header .container .search input{
    float: left;
    width: 3rem;
    height: .35rem;
    padding: 0 0 0 .1rem;
    background-color: transparent;
    border: none;
}
header .container .search input, header .container .search input::-webkit-input-placeholder{
	color: #fff5c9;
	font-size: .3rem;
}
header .container .qr,.container .qr img{
    width: .44rem;
    height: .39rem;
}
header .container .qr{
    margin: .14rem .43rem 0 .27rem;
    float: left;
}
header .container .alert,.container .alert img{
    width: .39rem;
    height: .43rem;
}
header .container .alert{
    margin-top: .14rem;
    float: left;
}
footer{
    width: 100%;
    border-top: 2px solid #c3c3c3;
    background-color: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    padding: .08rem 0 .14rem;
}
footer nav.container{
    width: 7.17rem;
    margin: 0 auto;

    /* display: inline-block; */
}
footer nav.container a{
    /* display: inline-block; */
    float: left;
    width: 1.06rem;
    text-align: center;
    color: #949494;
    font-size: .24rem;
    line-height: .34rem;
    margin: 0 .48rem;
}
footer nav.container a img{
    width: .75rem;
    height: .55rem;
}
footer nav.container a:first-child{
    margin-left: 0;
}
footer nav.container a:last-child{
    margin-right: 0;
}